<template>
    <div>
        <b-jumbotron
            header="Сведения о полученных постановлениях о назначении экспертизы"
            class="text-center"
        >
            <router-link
                variant="primary"
                to="/expertise/create"
                class="btn btn-primary"
                >Создать постановление</router-link
            >
        </b-jumbotron>
        <div v-if="!expertises[0]" class="container">
            <h1 class="text-center">Экспертизы еще не созданы</h1>
        </div>
        <div v-for="expertise in expertises" :key="expertise.id" class="container">
            <b-card
                header-tag="header"
                :title="expertise.type_expertise"
                class=""
            >
                <b-card-text>дата начала экспертизы: {{ (new Date(expertise.research_start_date)).toLocaleDateString('ru-RU') }}</b-card-text>

                <b-card-text>дата окончания экспертизы: {{ (new Date(expertise.research_end_date)).toLocaleDateString('ru-RU') }}</b-card-text>

                <div>
                    <router-link
                        :to="`/expertise/${expertise.id}`"

                        variant="primary"
                        class="btn btn-primary"
                        >Открыть</router-link
                    >

                    <router-link
                        style="margin-left:10px"
                        :to="`/expertise/update/${expertise.id}`"
                        variant="primary"
                        class="btn btn-primary"
                        >Изменить</router-link
                    >
                </div>
            </b-card>
        </div>
    </div>
</template>


<script>
export default {
    data () {
        return {
            expertises: [],
            errors: []
        }
    },
    created() {
        this.$http.get('/expertise')
        .then(response => {
            this.expertises = response.data
        })
        .catch(e => {
            this.error.push(e)
        })
    }
}
</script>

<style>
</style>
